<p class="text-center" translate="INFO.SUPPORT_INFO"></p>

<div class="text-center col-md-8 col-md-push-2">
	<div class="modal-header">
		<h2 class="modal-title" translate="INFO.MESSAGE_TO_STAFF"></h2>
	</div>
	<div class="modal-body">
		<form role="form" ng-submit="vm.sendMessage()">
			<div class="form-group" style="text-align: left;">
				<label for="subject" translate="MAILBOX.TOPIC"></label>
				<input type="text" id="subject" class="form-control" placeholder="{{ 'MAILBOX.TOPIC_PLACEHOLDER' | translate }}" ng-model="vm.message.subject" />
			</div>
			<div class="form-group" style="text-align: left;">
				<label for="postText" translate="MAILBOX.MESSAGE"></label>
				<textarea class="form-control" rows="8" id="postText" ng-model="vm.message.body" placeholder="{{ 'MAILBOX.WRITE_MESSAGE_PLACEHOLDER' | translate }}" auto-focus required></textarea>
			</div>
		</form>
		<br />
		<uib-alert style="text-align: center;" type="{{ vm.alert.type }}" close="vm.closeAlert()" ng-show="vm.alert != null">
		 	{{ vm.alert.msg }}
		</uib-alert>
	</div>
	<div class="modal-footer">
		<div class="button-group text-center">
			<button ng-show="vm.dialogStatus == 0" class="btn btn-primary" ng-click="vm.send()" translate="MAILBOX.SEND_MESSAGE"></button>
			<button ng-show="vm.dialogStatus == 1" class="btn btn-primary disabled"><i class="fa fa-spinner fa-spin"></i></button>
			<button ng-show="vm.dialogStatus == 2" class="btn btn-primary disabled"><i class="fa fa-check"></i></button>
			<button class="btn btn-default" ng-click="vm.cancel()" translate="BUTTONS.ABORT"></button>
		</div>
	</div>
</div>
